<template>
  <div>
    <span class="nav-item__content">{{dataItem.title}}</span>
    <span class="nav-item__separate">{{separator}}</span>
  </div>
</template>
<script>
export default {
  name: 'LSNavItem',
  props: {
    dataItem: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data () {
    return {
      separator: '',
    }
  },
  inject: ["LSNavBar"],
  mounted() {
    this.separator = this.LSNavBar.separate;
  }
}
</script>
<style scoped>
.nav-item__content{
  padding: 0px 10px;
}
.nav-item__separate{
}
</style>